import React, { PureComponent, memo } from 'react'
import PropTypes from 'prop-types'

const Nav = memo(function Nav(props) {
    const {} = props
    return (
        <div className="live-nav">
            <div className="live-navhead">
                <a href="/live">
                    {' '}
                    <h1 className="logo"></h1>{' '}
                </a>
            </div>
            <div className="flex middle tcenter between">
                <div className="live-navitem">
                    <a href="/index">首页</a>
                </div>
                <div className="live-navitem">
                    <a href="/channel/1">频道</a>
                </div>
                <div className="live-navitem active">
                    <a href="/live">直播</a>
                </div>
                <div className="live-navitem">
                    <a href="/ranking/0">排行</a>
                </div>
                <div className="live-navitem">
                    <a href="/space">首页</a>
                </div>
            </div>
        </div>
    )
})
export default Nav
